﻿.index .right-panel {
    width: 350px;
}

    .index .right-panel .panel-name {
        font-size: 1.2em;
        font-weight: bold;
        border-bottom: dotted 1px #ddd;
        height: 50px;
        line-height: 50px;
        text-align:center
    }

    .index .right-panel .logimg {
        height:200px;
    }
        .index .right-panel .logimg img {
            width: 100%;
            height: 100%;
        }

    .index .right-panel .hot-arts {
        margin-top: 20px;
        border-top: solid 3px red;
        background-color: #fbfbfb;
        padding:20px;
    }
        .index .right-panel .hot-arts .hot-list {
            padding-top: 10px;
        }
            .index .right-panel .hot-arts .hot-list .hot-doc-item {
                line-height: 26px;
                display: flex;
                margin-bottom:8px;
                justify-content:left;
                font-size:0.9em;
            }
                .index .right-panel .hot-arts .hot-list .hot-doc-item .num {
                    margin-top:3px;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    margin-right:8px;
                    color: white;
                    border-radius: 5px;
                    text-align: center;
                    background-color: red;
                }
                .index .right-panel .hot-arts .hot-list .hot-doc-item .text {
                    width: 300px;
                    height: 26px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
